<template>
	<div class="lc">
		<panel :title="panelTitle" cname="lc-style">
			<div>
				<div v-for="(item,key) in lcList" :key="key">
					<router-link to="/a" class="lc-txt">
						<h4>
							<span>{{item.titleSpan}}</span>
							{{item.title}}
						</h4>
						<h3>
							{{item.bTitle}}
							<span>{{item.bSpan}}</span>
						</h3>
						<p>{{item.p}}</p>
					</router-link>
				</div>
			</div>
		</panel>
	</div>
</template>

<script>
	import Panel from "../core/panel.vue"
	export default{
		components:{
			Panel
		},
		props:{
			lcList:Array,
			panelTitle:String
		}
	}
</script>

<style lang="scss" >
	.lc{
		.lc-style{
			>div{
				display: flex;
				flex-wrap: wrap;
				padding: 30px;
				>div{
					margin-bottom: 140px;
					min-width:50%;
					height:80px;
					font-size:32px;
					a{
						span{
							color:#ff4752;
						}
						h4{
							font-size:30px;
							>span{
								padding-right: 20px;
							}
						}
						h3{
							margin-top: 30px;
							>span{
								font-size: 40px;
							}
						}
						p{
							margin-top: 14px;
							font-size: 24px;
						}
						h3,h4,span{
							font-weight: bold!important;
						}
					}
					
				}
			}
		}
	}
</style>
